<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
		<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
		<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
		<title>二手交易系统</title>
		<script type="text/javascript">
			
		</script>
		
		<!-- 图标 -->
		<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css" />
		<!-- 控制头部和底部导航样式 -->
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<script>$.mobile.ajaxEnabled = false;</script>
	</head>
	<body>

		<div data-role="page">
			<div data-role="header" data-position="fixed" id="opcitybg">
				<a href="index.html" id="headop" data-role="button" data-icon="home" data-iconpos="notext"></a>
				<h1>商品列表</h1>
				<a  id="headop" href="#" data-role="button" data-icon="plus" data-iconpos="notext"></a>
			</div>
			​
			<div data-role="main" class="ui-content">
				<!-- 搜索框 -->
				<div>
					<form action="">
						<div class="ui-field-contain">
							<label for="search" class="ui-hidden-accessible" >搜索：</label>
							<input type="search" name="search" id="search" data-clear-btn="true" placeholder="搜索内容...">
						</div>
					</form>
				</div>

				<div data-role="navbar">
					<ul>
						<li><a href="#anylink" id="selectmenu">猜你喜欢</a></li>
						<li><a href="#anylink" id="menua">数码</a></li>
						<li><a href="#anylink" id="menua">乐器</a></li>
						<li><a href="#anylink" id="menua">体育</a></li>
						<li><a href="#anylink" id="menua">书籍</a></li>
				
					</ul>
				</div>
				<div class="ui-grid-a">
					<div class="ui-block-a">
						<ul class="ui-gride-a product" data-role="listview" data-inset="true">
							
							<script>
							var productList = getProductList();
							for(let i=0;i<productList.length/2;i++)
							document.write(
								'<li data-icon="false">'+
									'<a href=s_product_details.html?id= "'+productList[i].productId+'">'+
										'<div class="ui-grid-b">'+
											'<div class="ui-block-a">'+
												'<img src="'+productList[i].productUrl[0]+'">'+
											'</div>'+
										'</div>'+
										'<h2>'+productLit[i].productTitle+'<span class="staus">'+productLit[i].status+'</span></h2>'+
										'<p>'+productLit[i].productInfo+'</p>'+
										'<p class="price">￥'+productList[i].price+' <span class="staus">数量：'+productList[i].number+'</span></p>'+
									'</a>'+
								'</li>'
							);
								
							
							</script>
				
							<li data-icon="false">
								<a href="#">
									<div class="ui-grid-b">
										<div class="ui-block-a">
											<img src="img/product/cloth1.jpg">
										</div>
									</div>
									<h2>今日新品<span class="staus">九成新</span></h2>
									<p>美美的衣裳</p>
									<p class="price">￥20 <span class="staus">数量：1</span></p>
								</a>
							</li>
				
				
							<li data-icon="false">
								<a href="#">
									<div class="ui-grid-b">
										<div class="ui-block-a">
											<img src="img/product/ca2.jpg">
										</div>
									</div>
									<h2>今日新品<span class="staus">九成新</span></h2>
									<p>美美的衣裳</p>
									<p class="price">￥20 <span class="staus">数量：1</span></p>
								</a>
							</li>
				
							<li data-icon="false">
								<a href="#">
									<div class="ui-grid-b">
										<div class="ui-block-a">
											<img src="img/product/cloth3.jpg">
										</div>
									</div>
									<h2>今日新品<span class="staus">九成新</span></h2>
									<p>美美的衣裳</p>
									<p class="price">￥20 <span class="staus">数量：1</span></p>
								</a>
							</li>
				
							<li data-icon="false">
								<a href="#">
									<div class="ui-grid-b">
										<div class="ui-block-a">
											<img src="img/product/cloth4.jpg">
										</div>
									</div>
									<h2>今日新品<span class="staus">九成新</span></h2>
									<p>美美的衣裳</p>
									<p class="price">￥20 <span class="staus">数量：1</span></p>
								</a>
							</li>
				
						</ul>
					</div>
				
					<div class="ui-block-b">
				
						<ul class="ui-gride-a product" data-role="listview" data-inset="true">
							
							<script>
							
							for(let i=productList.length/2;i<productList.length;i++)
							document.write(
								'<li data-icon="false">'+
									'<a href=s_product_details.html?id= "'+productList[i].productId+'">'+
										'<div class="ui-grid-b">'+
											'<div class="ui-block-a">'+
												'<img src="'+productList[i].productUrl[0]+'">'+
											'</div>'+
										'</div>'+
										'<h2>'+productLit[i].productTitle+'<span class="staus">'+productLit[i].status+'</span></h2>'+
										'<p>'+productLit[i].productInfo+'</p>'+
										'<p class="price">￥'+productList[i].price+' <span class="staus">数量：'+productList[i].number+'</span></p>'+
									'</a>'+
								'</li>'
							);
								
							
							</script>
				
							<li data-icon="false">
								<a href="s_product_details.html">
									<div class="ui-grid-b">
										<div class="ui-block-a">
											<img src="img/product/ph.jpg">
										</div>
									</div>
									<h2>今日新品<span class="staus">九成新</span></h2>
									<p>美美的衣裳</p>
									<p class="price">￥20 <span class="staus">数量：1</span></p>
								</a>
							</li>
				
				
							<li data-icon="false">
								<a href="#">
									<div class="ui-grid-b">
										<div class="ui-block-a">
											<img src="img/product/ph2.jpg">
										</div>
									</div>
									<h2>今日新品<span class="staus">九成新</span></h2>
									<p>美美的衣裳</p>
									<p class="price">￥20 <span class="staus">数量：1</span></p>
								</a>
							</li>
				
							<li data-icon="false">
								<a href="#">
									<div class="ui-grid-b">
										<div class="ui-block-a">
											<img src="img/product/ca1.jpg">
										</div>
									</div>
									<h2>今日新品<span class="staus">九成新</span></h2>
									<p>美美的衣裳</p>
									<p class="price">￥20 <span class="staus">数量：1</span></p>
								</a>
							</li>
				
							<li data-icon="false">
								<a href="#">
									<div class="ui-grid-b">
										<div class="ui-block-a">
											<img src="img/product/pin1.jpg">
										</div>
									</div>
									<h2>今日新品<span class="staus">九成新</span></h2>
									<p>美美的衣裳</p>
									<p class="price">￥20 <span class="staus">数量：1</span></p>
								</a>
							</li>
				
						</ul>
					</div>
				
				
				</div>
				

			<div data-role="footer" data-position="fixed" id="footerbg">

				<div data-role="navbar">
					<ul>
						<li><a href="index.html" id="menua" data-ajax="false"><i
									class="fa fa-home fa-2x"></i><br><span>首页</span></a></li>
						<li><a href="c_activity.html" id="menua" data-ajax="false"><i class="fa fa-street-view fa-2x"></i><br><span>动态</span></a>
						</li>
						<li><a href="s_shopping_cart.html" id="menua" data-ajax="false"><i
									class="fa fa-shopping-cart fa-2x"></i><br><span>收藏</span></a></li>
						<li><a href="c_message.html" id="menua" data-ajax="false"><i class="fa fa-comments-o fa-2x"></i><br><span>信息</span></a></li>
						<li><a href="c_SellerManue.html" id="menua" data-ajax="false"><i
									class="fa fa-user-circle fa-2x"></i><br><span>卖家</span></a></li>
					</ul>
				</div>

			</div>
		</div>


	</body>
</html>
